<template>
  <div class="box">
    <!-- 头部大图 -->
    <HeaderImg></HeaderImg>
    <!-- 新品首发 -->
    <NewProducts></NewProducts>
    <!-- 人气推荐 -->
    <Populariry></Populariry>
    <!-- 楼层 -->
    <Floor></Floor>
    <!-- 甄选家 -->
    <Exhibition></Exhibition>
    <!-- 卖家评论展示 -->
    <Feedback></Feedback>
    <!-- 左侧索引导航栏 -->
    <IndexSideBar></IndexSideBar>
  </div>
</template>

<script>
import IndexSideBar from "@/components/IndexSideBar.vue";
import HeaderImg from "./components/HeaderImg";
import NewProducts from "./components/NewProducts";
import Populariry from "./components/Populariry";
import Floor from "./components/Floor";
import Exhibition from "./components/Exhibition";
import Feedback from "./components/Feedback";
export default {
  name: "Home",
  components: {
    IndexSideBar,
    HeaderImg,
    NewProducts,
    Populariry,
    Floor,
    Exhibition,
    Feedback,
  },
};
</script>

<style lang="less">
.box {
  position: relative;
  color: #333;
}
</style>
